<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>特价产品</title>
	<link rel="stylesheet" href="css/base.css">
	<link rel="stylesheet" href="css/index.css">
</head>
<body>
	<div class="jd_layout">
		<!-- 特价产品 -->
		<div class="jd_product">
			<section class="product_box jd_sk">
				<!-- 头部 -->
				<div class="product_box_tit">
					<h3>天天特价</h3>
				</div>
				<!-- 内容 -->
				<div class="product_box_con">					
					<ul id="dataul" class="clearfix">
						<!-- 产品信息动态添加 -->
						<script src="js/jquery-1.12.2.js"></script>
						<script>
						// 自己的js代码
						$(function () {
					        //页面加载完毕-- 把数据填充到ul里面
					        $.ajax({
					            // url: "php/getGoodsAll.php",
					            url: "http://homework.zhangbk.cn/qsm/jdimg/php/getGoodsAll.php",
					            method: "post",
					            //res 就是服务端返回的数据
					            success: function (res) {
					                var data = JSON.parse(res);
					                //根据后台返回的数据格式，生成列表项li，追加到无序列表ul里面
					                var str="";
					                for(var i=0;i<data.length;i++){
					                    str+="<li>";
					                    str+="<a href='#'><img src='"+data[i].fPic+"' alt=''></a>";
					                    str+="<p>&yen;"+data[i].fPrice+"</p>";
					                    str+="<p>&yen;"+data[i].fOldPrice+"</p>";
					                    str+="</li>";
					                }
					                //把字符串变成ul的子元素
					                $("#dataul").html(str);
					            }
					        });
					    });
						</script>
					</ul>
				</div>
			</section>
		</div>
	</div>
</body>
</html>